<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <div id="box">嘉实多就喀什</div>
    </body>
    <script>
        // var name = '张三',
        //     age = 18
        // var obj = {
        //     objAge: this.age,
        //     name: '李四',
        //     myfun: function () {
        //         console.log(this)
        //         return this.name + '年龄' + this.age
        //     },
        // }
        // console.log(obj.objAge)
        // obj.myfun()

        // var fav = '小子'
        // function fun2() {
        //     console.log(window.fav)
        //     console.log(this)
        // }
        // fun2()
        // var obj = {
        //     name: '张三',
        //     age: '18',
        //     play: function () {
        //         console.log(this)
        //         console.log(this.name + this.age + '正在玩游戏')
        //     },
        // }
        // obj.play()

        // var obj2 = {
        //     name: '李四',
        //     age: '20',
        // }
        // obj.play.call(obj2)

        // let arr = [1, 2, 3, 4, 5]
        // let n = Math.max.apply(null, arr)
        // console.log(n)
        // var array1 = [1, 2, 3, 5]
        // var array2 = ['xie', 'li', 'qun', 'tsrot']

        // console.log(array1)
        var obj = {
            name: '李四',
            age: 18,
            fun: function () {
                var _this = this
                document
                    .getElementById('box')
                    .addEventListener('click', function () {
                        this.innerHTML = _this.name + _this.age
                        console.log(this)
                    })
            },
        }
        obj.fun()
    </script>
</html>
